<template>
    <div class="welcome">
        <el-container>
            <el-header style="text-align: right; font-size: 12px">
                <el-dropdown>
                    <i class="el-icon-setting" style="margin-right: 15px"></i>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item>查看</el-dropdown-item>
                        <el-dropdown-item>新增</el-dropdown-item>
                        <el-dropdown-item>删除</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <!--                <span>王小虎</span>-->
            </el-header>

            <el-container class="mainContent">
                <el-aside>
                    <el-menu default-active="1-4-1" class="el-menu-vertical-demo"
                             :router="true">
                        <el-submenu index="1">
                            <template slot="title">
                                <i class="el-icon-notebook-1"></i>
                                <span class="title" slot="title">小说管理</span>
                            </template>
                            <el-menu-item :index="'/novelManager'"
                                          :route="'/novelManager'">小说综合管理
                            </el-menu-item>
                        </el-submenu>
                        <el-submenu index="2">
                            <template slot="title">
                                <i class="el-icon-film"></i>
                                <span class="title" slot="title">电影管理</span>
                            </template>
                            <el-menu-item :index="'/MovieManger'" :route="'/MovieManger'">电影综合管理</el-menu-item>
                        </el-submenu>
                        <el-submenu index="3">
                            <template slot="title">
                                <i class="el-icon-collection"></i>
                                <span class="title" slot="title">我的收藏</span>
                            </template>
                            <el-menu-item :index="'/collect'" :route="'/collect'">小说和电影收藏</el-menu-item>
                        </el-submenu>
                        <el-submenu index="4">
                            <template slot="title">
                                <i class="el-icon-collection"></i>
                                <span class="title" slot="title">我的投稿</span>
                            </template>
                            <el-menu-item :index="'/UserVideoManager'" :route="'/UserVideoManager'">投稿管理</el-menu-item>
                        </el-submenu>
                        <el-submenu index="5">
                            <template slot="title">
                                <i class="el-icon-user"></i>
                                <span class="title" slot="title">用户管理</span>
                            </template>
                            <el-menu-item :index="'/userManage'" :route="'/userManage'">用户综合管理</el-menu-item>
                            <el-menu-item :index="'/permissionManager'" :route="'/permissionManager'">权限管理
                            </el-menu-item>
                        </el-submenu>
                        <el-submenu index="6">
                            <template slot="title">
                                <i class="el-icon-user"></i>
                                <span class="title" slot="title">订单管理</span>
                            </template>
                            <el-menu-item :index="'/orders'" :route="'/orders'">订单综合管理</el-menu-item>
                        </el-submenu>
                    </el-menu>
                </el-aside>
                <el-main v-loading="false">

                    <router-view></router-view>

                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import coo from '@/components/adminCommon/userCollect';

    export default {
        name: "admin"
    }
</script>

<style lang="less" scoped>
    .el-menu {
        background-color: #272c33;

        .title {
            color: #f4f4f4;
        }

        .el-menu-item {
            color: #2b333f;
        }
    }

    .el-header {
        background-color: #2b333f;
    }

    .el-main {
        padding-top: 0;
    }
</style>